﻿<!DOCTYPE html>
<html>
  <head>
    <title>开关</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/开关/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/开关/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3668" class="ax_default">
        <div id="u3668_state0" class="panel_state" data-label="State1" style="">
          <div id="u3668_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3669" class="ax_default box_2">
              <div id="u3669_div" class=""></div>
              <div id="u3669_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3670" class="ax_default paragraph">
              <div id="u3670_div" class=""></div>
              <div id="u3670_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3671" class="ax_default" data-label="header">
        <div id="u3671_state0" class="panel_state" data-label="State1" style="">
          <div id="u3671_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3672" class="ax_default box_1">
              <div id="u3672_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3673" class="ax_default">
              <div id="u3673_state0" class="panel_state" data-label="State1" style="">
                <div id="u3673_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3674" class="ax_default box_1">
                    <div id="u3674_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3675" class="ax_default box_1">
                    <div id="u3675_div" class=""></div>
                    <div id="u3675_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3676" class="ax_default box_1">
                    <div id="u3676_div" class=""></div>
                    <div id="u3676_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3677" class="ax_default image">
                    <img id="u3677_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3678" class="ax_default box_1">
                    <img id="u3678_img" class="img " src="images/index/u11.png"/>
                    <div id="u3678_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3679" class="ax_default box_1">
        <div id="u3679_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3681" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3681_div" class=""></div>
        <div id="u3681_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3682" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3682_div" class=""></div>
        <div id="u3682_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3683" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3683_div" class=""></div>
        <div id="u3683_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3684" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3684_div" class=""></div>
        <div id="u3684_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3685" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3685_div" class=""></div>
        <div id="u3685_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3686" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3686_div" class=""></div>
        <div id="u3686_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3687" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3687_div" class=""></div>
        <div id="u3687_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3688" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3688_div" class=""></div>
        <div id="u3688_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3689" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3689_div" class=""></div>
        <div id="u3689_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3690" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3690_div" class=""></div>
        <div id="u3690_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3691" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3691_div" class=""></div>
        <div id="u3691_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3692" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3692_div" class=""></div>
        <div id="u3692_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3693" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3693_div" class=""></div>
        <div id="u3693_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3694" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3694_div" class=""></div>
        <div id="u3694_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3695" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3695_div" class=""></div>
        <div id="u3695_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3696" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3696_div" class=""></div>
        <div id="u3696_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3697" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3697_div" class=""></div>
        <div id="u3697_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3698" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3698_div" class=""></div>
        <div id="u3698_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3699" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3699_div" class=""></div>
        <div id="u3699_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3700" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3700_div" class=""></div>
        <div id="u3700_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3701" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3701_div" class=""></div>
        <div id="u3701_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3702" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3702_div" class=""></div>
        <div id="u3702_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3703" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3703_div" class=""></div>
        <div id="u3703_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3704" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3704_div" class=""></div>
        <div id="u3704_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3705" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3705_div" class=""></div>
        <div id="u3705_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3706" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3706_div" class=""></div>
        <div id="u3706_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3707" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3707_div" class=""></div>
        <div id="u3707_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3708" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3708_div" class=""></div>
        <div id="u3708_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3709" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3709_div" class=""></div>
        <div id="u3709_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3710" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3710_div" class=""></div>
        <div id="u3710_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3711" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3711_div" class=""></div>
        <div id="u3711_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3712" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3712_div" class=""></div>
        <div id="u3712_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3713" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3713_div" class=""></div>
        <div id="u3713_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3714" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3714_div" class=""></div>
        <div id="u3714_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3715" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3715_div" class=""></div>
        <div id="u3715_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3716" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3716_div" class=""></div>
        <div id="u3716_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3717" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3717_div" class=""></div>
        <div id="u3717_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3718" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3718_div" class=""></div>
        <div id="u3718_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3719" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3719_div" class=""></div>
        <div id="u3719_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3720" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3720_div" class=""></div>
        <div id="u3720_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3721" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3721_div" class=""></div>
        <div id="u3721_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3722" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3722_div" class=""></div>
        <div id="u3722_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3723" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3723_div" class=""></div>
        <div id="u3723_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3724" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3724_div" class=""></div>
        <div id="u3724_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3725" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3725_div" class=""></div>
        <div id="u3725_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3726" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3726_div" class=""></div>
        <div id="u3726_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3727" class="ax_default box_1 selected" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3727_div" class="selected"></div>
        <div id="u3727_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3728" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3728_div" class=""></div>
        <div id="u3728_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3729" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3729_div" class=""></div>
        <div id="u3729_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3730" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3730_div" class=""></div>
        <div id="u3730_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3731" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3731_div" class=""></div>
        <div id="u3731_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3732" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3732_div" class=""></div>
        <div id="u3732_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3733" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3733_div" class=""></div>
        <div id="u3733_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3734" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3734_div" class=""></div>
        <div id="u3734_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3735" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3735_div" class=""></div>
        <div id="u3735_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3736" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3736_div" class=""></div>
        <div id="u3736_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3737" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3737_div" class=""></div>
        <div id="u3737_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3738" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3738_div" class=""></div>
        <div id="u3738_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3739" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3739_div" class=""></div>
        <div id="u3739_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3740" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3740_div" class=""></div>
        <div id="u3740_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3741" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3741_div" class=""></div>
        <div id="u3741_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3742" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3742_div" class=""></div>
        <div id="u3742_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3743" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-fenzu-light">
        <div id="u3743_div" class=""></div>
        <div id="u3743_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3744" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3744_div" class=""></div>
        <div id="u3744_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3745" class="ax_default box_1" selectiongroup="u3680nav-cebianlan-light">
        <div id="u3745_div" class=""></div>
        <div id="u3745_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3747" class="ax_default">
        <div id="u3747_state0" class="panel_state" data-label="State1" style="">
          <div id="u3747_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3748" class="ax_default box_1">
              <div id="u3748_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3749" class="ax_default">
              <div id="u3749_state0" class="panel_state" data-label="State1" style="">
                <div id="u3749_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3750" class="ax_default box_1">
                    <div id="u3750_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3751" class="ax_default label">
                    <div id="u3751_div" class=""></div>
                    <div id="u3751_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3752" class="ax_default label">
                    <div id="u3752_div" class=""></div>
                    <div id="u3752_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3753" class="ax_default label">
                    <div id="u3753_div" class=""></div>
                    <div id="u3753_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3754" class="ax_default label">
                    <div id="u3754_div" class=""></div>
                    <div id="u3754_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3755" class="ax_default label">
                    <div id="u3755_div" class=""></div>
                    <div id="u3755_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3756" class="ax_default label">
                    <div id="u3756_div" class=""></div>
                    <div id="u3756_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3757" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3758" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3759" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3760" class="ax_default image">
                    <img id="u3760_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3761" class="ax_default label">
                    <div id="u3761_div" class=""></div>
                    <div id="u3761_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3762" class="ax_default heading_1">
        <div id="u3762_div" class=""></div>
        <div id="u3762_text" class="text ">
          <p><span>Switch 开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3763" class="ax_default heading_1">
        <div id="u3763_div" class=""></div>
        <div id="u3763_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3764" class="ax_default label">
        <div id="u3764_div" class=""></div>
        <div id="u3764_text" class="text ">
          <p><span>在两种状态间切换时用到的开关选择器。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3765" class="ax_default label">
        <div id="u3765_div" class=""></div>
        <div id="u3765_text" class="text ">
          <p><span>基础样式</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3766" class="ax_default label">
        <div id="u3766_div" class=""></div>
        <div id="u3766_text" class="text ">
          <p><span>基于交互样式做的实现，调整大小的时候更方便</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3767" class="ax_default" data-left="230" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3768" class="ax_default box_1">
          <div id="u3768_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3769" class="ax_default ellipse">
          <img id="u3769_img" class="img " src="images/单元格/u1804.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3770" class="ax_default ellipse">
          <img id="u3770_img" class="img " src="images/开关/u3769_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3771" class="ax_default" data-left="284" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3772" class="ax_default box_1 selected">
          <div id="u3772_div" class="selected"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3773" class="ax_default ellipse selected">
          <img id="u3773_img" class="img " src="images/开关/u3769_selected.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3774" class="ax_default ellipse selected">
          <img id="u3774_img" class="img " src="images/单元格/u1804.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3775" class="ax_default" data-left="338" data-top="342" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3776" class="ax_default box_1 disabled">
          <div id="u3776_div" class="disabled"></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3777" class="ax_default ellipse disabled">
          <img id="u3777_img" class="img " src="images/单元格/u1804.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3778" class="ax_default ellipse disabled">
          <img id="u3778_img" class="img " src="images/开关/u3769_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3779" class="ax_default" data-left="230" data-top="424" data-width="56" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3780" class="ax_default box_1">
          <div id="u3780_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3781" class="ax_default ellipse">
          <img id="u3781_img" class="img " src="images/单元格/u1804.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3782" class="ax_default ellipse">
          <img id="u3782_img" class="img " src="images/开关/u3769_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3783" class="ax_default" data-left="296" data-top="424" data-width="44" data-height="22">

        <!-- Unnamed (Rectangle) -->
        <div id="u3784" class="ax_default box_1">
          <div id="u3784_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3785" class="ax_default ellipse">
          <img id="u3785_img" class="img " src="images/单元格/u1804.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3786" class="ax_default ellipse">
          <img id="u3786_img" class="img " src="images/开关/u3769_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3787" class="ax_default" data-left="350" data-top="427" data-width="28" data-height="16">

        <!-- Unnamed (Rectangle) -->
        <div id="u3788" class="ax_default box_1">
          <div id="u3788_div" class=""></div>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3789" class="ax_default ellipse">
          <img id="u3789_img" class="img " src="images/开关/u3789.png"/>
        </div>

        <!-- Unnamed (Ellipse) -->
        <div id="u3790" class="ax_default ellipse">
          <img id="u3790_img" class="img " src="images/开关/u3789_selected.png"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3791" class="ax_default label">
        <div id="u3791_div" class=""></div>
        <div id="u3791_text" class="text ">
          <p><span>&#149; 尺寸</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3792" class="ax_default label">
        <div id="u3792_div" class=""></div>
        <div id="u3792_text" class="text ">
          <p><span>文字和图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3793" class="ax_default label">
        <div id="u3793_div" class=""></div>
        <div id="u3793_text" class="text ">
          <p><span>增加文字后，使用动态面板实现更方便修改和维护</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3794" class="ax_default">
        <div id="u3794_state0" class="panel_state" data-label="off" style="">
          <div id="u3794_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3795" class="ax_default box_1">
              <div id="u3795_div" class=""></div>
              <div id="u3795_text" class="text ">
                <p><span>关</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3796" class="ax_default ellipse">
              <img id="u3796_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
        <div id="u3794_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3794_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3797" class="ax_default box_1">
              <div id="u3797_div" class=""></div>
              <div id="u3797_text" class="text ">
                <p><span>开</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3798" class="ax_default ellipse">
              <img id="u3798_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3799" class="ax_default">
        <div id="u3799_state0" class="panel_state" data-label="off" style="">
          <div id="u3799_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3800" class="ax_default box_1">
              <div id="u3800_div" class=""></div>
              <div id="u3800_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3801" class="ax_default ellipse">
              <img id="u3801_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
        <div id="u3799_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3799_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3802" class="ax_default box_1">
              <div id="u3802_div" class=""></div>
              <div id="u3802_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3803" class="ax_default ellipse">
              <img id="u3803_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3804" class="ax_default">
        <div id="u3804_state0" class="panel_state" data-label="off" style="">
          <div id="u3804_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3805" class="ax_default box_1">
              <div id="u3805_div" class=""></div>
              <div id="u3805_text" class="text ">
                <p><span>关闭</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3806" class="ax_default ellipse">
              <img id="u3806_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
        <div id="u3804_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3804_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3807" class="ax_default box_1">
              <div id="u3807_div" class=""></div>
              <div id="u3807_text" class="text ">
                <p><span>开启</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3808" class="ax_default ellipse">
              <img id="u3808_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3809" class="ax_default">
        <div id="u3809_state0" class="panel_state" data-label="off" style="">
          <div id="u3809_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3810" class="ax_default box_1">
              <div id="u3810_div" class=""></div>
              <div id="u3810_text" class="text ">
                <p><span>OFF</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3811" class="ax_default ellipse">
              <img id="u3811_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
        <div id="u3809_state1" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3809_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3812" class="ax_default box_1">
              <div id="u3812_div" class=""></div>
              <div id="u3812_text" class="text ">
                <p><span>ON</span></p>
              </div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3813" class="ax_default ellipse">
              <img id="u3813_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3814" class="ax_default label">
        <div id="u3814_div" class=""></div>
        <div id="u3814_text" class="text ">
          <p><span>加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3815" class="ax_default label">
        <div id="u3815_div" class=""></div>
        <div id="u3815_text" class="text ">
          <p><span>标识开关操作仍在执行中，基于动态面板实现加载中动画。</span></p>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3816" class="ax_default">
        <div id="u3816_state0" class="panel_state" data-label="off" style="">
          <div id="u3816_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u3817" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u3818" class="ax_default box_1">
                <div id="u3818_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3819" class="ax_default ellipse">
                <img id="u3819_img" class="img " src="images/单元格/u1804.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3816_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
          <div id="u3816_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3820" class="ax_default box_1">
              <img id="u3820_img" class="img " src="images/开关/u3820.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u3821" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3822" class="ax_default ellipse">
                <img id="u3822_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3823" class="ax_default ellipse">
                <img id="u3823_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3824" class="ax_default ellipse">
                <img id="u3824_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3816_state2" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3816_state2_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3825" class="ax_default box_1">
              <div id="u3825_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3826" class="ax_default ellipse">
              <img id="u3826_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
        <div id="u3816_state3" class="panel_state" data-label="on-loading" style="visibility: hidden;">
          <div id="u3816_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3827" class="ax_default box_1">
              <img id="u3827_img" class="img " src="images/开关/u3827.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u3828" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3829" class="ax_default ellipse">
                <img id="u3829_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3830" class="ax_default ellipse">
                <img id="u3830_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3831" class="ax_default ellipse">
                <img id="u3831_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3832" class="ax_default">
        <div id="u3832_state0" class="panel_state" data-label="on-loading" style="">
          <div id="u3832_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3833" class="ax_default box_1">
              <img id="u3833_img" class="img " src="images/开关/u3827.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u3834" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3835" class="ax_default ellipse">
                <img id="u3835_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3836" class="ax_default ellipse">
                <img id="u3836_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3837" class="ax_default ellipse">
                <img id="u3837_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3832_state1" class="panel_state" data-label="off-loading" style="visibility: hidden;">
          <div id="u3832_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3838" class="ax_default box_1">
              <img id="u3838_img" class="img " src="images/开关/u3820.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u3839" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3840" class="ax_default ellipse">
                <img id="u3840_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3841" class="ax_default ellipse">
                <img id="u3841_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3842" class="ax_default ellipse">
                <img id="u3842_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3832_state2" class="panel_state" data-label="off" style="visibility: hidden;">
          <div id="u3832_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u3843" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u3844" class="ax_default box_1">
                <div id="u3844_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3845" class="ax_default ellipse">
                <img id="u3845_img" class="img " src="images/单元格/u1804.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3832_state3" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3832_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3846" class="ax_default box_1">
              <div id="u3846_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3847" class="ax_default ellipse">
              <img id="u3847_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3848" class="ax_default">
        <div id="u3848_state0" class="panel_state" data-label="off-loading" style="">
          <div id="u3848_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3849" class="ax_default box_1">
              <img id="u3849_img" class="img " src="images/开关/u3820.png"/>
            </div>

            <!-- off-icon (Group) -->
            <div id="u3850" class="ax_default" data-label="off-icon" data-left="2" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3851" class="ax_default ellipse">
                <img id="u3851_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3852" class="ax_default ellipse">
                <img id="u3852_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3853" class="ax_default ellipse">
                <img id="u3853_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3848_state1" class="panel_state" data-label="on-loading" style="visibility: hidden;">
          <div id="u3848_state1_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3854" class="ax_default box_1">
              <img id="u3854_img" class="img " src="images/开关/u3827.png"/>
            </div>

            <!-- on-icon (Group) -->
            <div id="u3855" class="ax_default" data-label="on-icon" data-left="24" data-top="2" data-width="18" data-height="18">

              <!-- Unnamed (Ellipse) -->
              <div id="u3856" class="ax_default ellipse">
                <img id="u3856_img" class="img " src="images/单元格/u1804.png"/>
              </div>

              <!-- Unnamed (Pie Chart) -->
              <div id="u3857" class="ax_default ellipse">
                <img id="u3857_img" class="img " src="images/开关/u3823.png"/>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3858" class="ax_default ellipse">
                <img id="u3858_img" class="img " src="images/开关/u3824.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3848_state2" class="panel_state" data-label="off" style="visibility: hidden;">
          <div id="u3848_state2_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u3859" class="ax_default" data-left="0" data-top="0" data-width="44" data-height="22">

              <!-- Unnamed (Rectangle) -->
              <div id="u3860" class="ax_default box_1">
                <div id="u3860_div" class=""></div>
              </div>

              <!-- Unnamed (Ellipse) -->
              <div id="u3861" class="ax_default ellipse">
                <img id="u3861_img" class="img " src="images/单元格/u1804.png"/>
              </div>
            </div>
          </div>
        </div>
        <div id="u3848_state3" class="panel_state" data-label="on" style="visibility: hidden;">
          <div id="u3848_state3_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3862" class="ax_default box_1">
              <div id="u3862_div" class=""></div>
            </div>

            <!-- Unnamed (Ellipse) -->
            <div id="u3863" class="ax_default ellipse">
              <img id="u3863_img" class="img " src="images/单元格/u1804.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3864" class="ax_default label">
        <div id="u3864_div" class=""></div>
        <div id="u3864_text" class="text ">
          <p><span>&#149; 无动效</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u3865" class="ax_default image">
        <img id="u3865_img" class="img " src="images/开关/u3865.png"/>
      </div>
    </div>
  </body>
</html>
